<template>
  <div :style="{height:steps.height || '300px'}">
    <el-steps :direction="steps.direction || 'vertical'" :active="steps.active || 0 ">
      <el-step :title="item.title" v-for="(item,index) of steps.step" :key='index' :description="item.description || ''"></el-step>
    </el-steps>
  </div>
</template>

<script>
  export default {
    name:'steps',
    props:{
      steps:{
        height:null,
        step:[],
        direction:null,
        active:null
      }
    }
  }



</script>

<style>
</style>
